@import '../index/navbar.less';
@import './orderlist.less';
.m-order{
    margin: 20px auto;
    width: 1190px;
    .mb40{
        margin-bottom: 40px;
    }
    .order-list{
        background: #FFF;
        border: 1px solid #E5E5E5;
        border-radius: 4px;
        width: 230px;
        padding-bottom: 20px;
        dl{
            font-size: 16px;
            color: #222;
            margin: 30px 20px 0 30px;
            dt{
                margin: 12px 0;
                a{
                    color: #333;
                    &:hover{
                        color: #31BBAC;
                    }
                }
            }
            dd{
                p{
                    margin: 15px 0;    
                }
                a{
                    font-size: 14px;
                    color: #666;
                }
                .icon-right{
                    background-image: url(../../../assets/images/icon-right.png);
                    width: 8px;
                    height: 18px;
                    display: block;
                    background-repeat: no-repeat;
                    background-size: 100%;
                    background-position: 50%;
                    float: right;
                }
            }
        }    
    }
    .order-info{
        width: 908px;
        background: #FFF;
        border: 1px solid #E5E5E5;
        border-radius: 4px;
        padding: 20px 20px 0;
        float: right;
        .el-tabs__nav{
            height: 45px;
        }
        .el-tabs__active-bar{
            background: #31BBAC;
        }
        .el-tabs__item{
            font-size: 20px;
            &:hover{
                color: #31BBAC;
            }
        }
        .el-tabs__header{
            margin: 0;
        }
        .is-active{
            color: #31BBAC;
        }   
    }
}